<!DOCTYPE html> 
<html> 
<head> 
	<!--META-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=0.75">

	<!--CSS-->
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.min.css" />
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.structure.min.css" />
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.theme.min.css" />
	<link rel="stylesheet" href="API/css/mycss.css" />
	<link rel="stylesheet" href="css/mycss.css" />
	
	<!--JS-->
	<script type="text/javascript" src="API/js/jquery.min.js"></script>
	<script type="text/javascript" src="API/js/jquery.mobile.min.js"></script>
	<script type="text/javascript" src="API/js/fonctions.js"></script>
	<script type="text/javascript" src="js/fonctions.js"></script>
	
	<script language="javascript" type="text/javascript">
		///////////////////
		//BLOCK VARIABLE GLOBAL
		///////////////////
	
		///////////////////
		//BLOCK FONCTIONS METIER
		///////////////////
		
		///////////////////
		//BLOCK FONCTIONS DB
		///////////////////
		
		///////////////////
		//BLOCK FONCTIONS PRESENTATION
		///////////////////
	</script>
</head> 

<body> 

	<!-- page -->
	<div data-role="page">
	
		<!-- /panel -->
		<div data-role="panel" id="mypanel" data-display="overlay" data-position="left">
		
		</div>
		<!-- /panel -->
	
		<!-- header -->
		<div data-role="header" data-theme="c">
			<h1>Contacter moi.</h1>
		</div>
		<!-- /header -->

		<!-- content -->
		<div data-role="content" data-theme="c">
			<div data-role="collapsible" data-theme="c" data-content-theme="c" data-collapsed="false" data-mini="true" id="div_contact">
				<h3>Formulaire de contact</h3>
				<label id="id_msg"></label>
				<form action="form.php" method="post" name="form_contact" id="form_contact">
					<div data-role="fieldcontain">
						<label for="basic">Saisir code de s&eacute;curit&eacute;, la date du jour :</label><br>
						<input type="text" name="codeDate" id="codeDate" value="" placeholder="dd/mm/yyyyy"/>
					</div>
					<div data-role="fieldcontain">
						<label for="basic">Comment vous r&eacute;pondre (Gsm, Email, etc) :</label><br>
						<input type="text" name="howtocontact" id="howtocontact" value="" placeholder="R&eacute;ponse ici"/>
					</div>	
					<div data-role="fieldcontain">
						<label for="textarea">Votre message :</label><br>
						<textarea name="textarea" id="textarea">
						</textarea>
					</div>	
					<a href="javascript:;"onClick="saisirContact(document.forms.form_contact.codeDate.value, document.forms.form_contact.howtocontact.value, document.forms.form_contact.textarea.value);" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true">Soumettre</a>					
				</form>
			</div>
			<label id="id_msgRetour"></label>
		</div>
		<!-- /content -->
		
		<!-- footer -->
		<div data-role="footer" data-position="fixed" data-theme="c">
			<h1>Merci de la visite</h1>
		</div>
		<!-- /footer -->
		
	</div>
	<!-- /page -->
	
</body>
</html>

